@import './base.css';

#app {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  overflow-y: auto;
}

.content-box{
  padding: 15px 20px;
}

.content-header{
  margin-bottom: 15px;
}

.content-header>span{
  font-size: 20px;
  font-weight: 700;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: space-around;
  -ms-flex-pack: start;
  justify-content: space-around;
}

.align-items {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid{
  display: grid;
}


@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

.ant-layout {
  height: 100%;
}

.ant-layout-header {
  background: #fff;
  border-bottom: 1px solid #efefef;
}

.ant-layout-sider{
  background: #fff;
  border-right: 1px solid #efefef;
}

.ant-radio-wrapper{
  font-size: 16px;
}

.ant-form-item-label>label{
  font-size: 16px !important;
}

.ant-table-cell {
  padding: 10px 10px !important;
}

.drop-down{
  max-width: 400px;
  width: 100%;
}

.survey-paging{
  text-align: center;
  color: #6A6A82;
  padding-top: 10px;
}

.ant-modal div[aria-hidden="true"] {display: none !important;}